<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">

  <base href="../">

  <title>Vvveb Landing - Section</title>



  <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

  <meta name="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
  <meta name="keywords" content="cms, page builder, drag and drop, ecommerce, ecommerce platform, designer, developer, php, bootstrap 5">
  <meta name="author" content="Vvveb">
  <link rel="canonical" href="https://www.vvveb.com/">


  <!-- Facebook Meta Tags -->
  <meta property="og:locale" content="en_US" />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
  <meta property="og:description" content="Vvveb cms - Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
  <meta property="og:url" content="https://vvveb.com/" />
  <meta property="og:site_name" content="Vvveb CMS" />
  <meta property="og:image" content="" />
  <meta property="article:modified_time" content="2023-02-05T14:45:53+00:00" />


  <!-- Twitter Meta Tags -->
  <meta name="twitter:card" content="summary_large_image">
  <meta property="twitter:domain" content="demo.vvveb.com">
  <meta property="twitter:url" content="//demo.vvveb.com/hello-world-1">
  <meta name="twitter:title" content="Begin each day by telling yourself">
  <meta name="twitter:description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">
  <meta name="twitter:image" content="">
  <meta name="twitter:site" content="//demo.vvveb.com/hello-world-1" />
  <meta name="twitter:label1" content="Est. reading time" />
  <meta name="twitter:data1" content="3 minutes" />

  <meta itemprop="name" content="Vvveb">
  <meta itemprop="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">
  <meta itemprop="url" content="https://www.vvveb.com/">
  <meta itemprop="keywords" content="cms, page builder, drag and drop, ecommerce, ecommerce platform, designer, developer, php, bootstrap 5">
  <meta itemprop="image" content="/img/favicon/228x228.png">
  <meta itemprop="sourceOrganization" content="Vvveb">
  <meta itemprop="inLanguage" content="en-US">

  <script type="application/ld+json" id="ldJsonScript">
   {
	  "@context": "http://schema.org",
	  "@graph": [
		{
		  "@type": "Organization",
		  "@id": "https://www.vvveb.com/#organization",
		  "url": "https://www.vvveb.com",
		  "logo": "https://www.vvveb.com/img/favicon/256x256.png",
		  "sameAs": [
			"https://twitter.com/vvveb",
			"https://www.facebook.com/vvveb.com",
			"https://youtube.com/vvveb",
			"https://www.linkedin.com/company/vvveb-com",
			"https://plus.google.com/+VvvebCom"
		  ]
		},
		{
		  "@type": "WebSite",
		  "@id": "https://www.vvveb.com/#website",
		  "url": "https://www.vvveb.com",
		  "name": "Vvveb"
		},
		{
		  "@type": "WebPage",
		  "@id": "https://www.vvveb.com/#webpage",
		  "url": "https://www.vvveb.com/",
		  "name": "Vvveb"
		}
	  ]
	}
</script>


  <meta name="twitter:card" content="summary">
  <meta name="twitter:site" content="@vvveb">

  <meta name="twitter:label1" content="Platform">
  <meta name="twitter:data1" content="Vvveb">
  <meta name="twitter:label2" content="Software">
  <meta name="twitter:data2" content="CMS">


  <meta property="og:title" content="Vvveb">
  <meta property="og:site_name" content="Vvveb">
  <meta property="og:url" content="https://www.vvveb.com/">
  <meta property="og:description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores">
  <meta property="fb:app_id" content="">
  <meta property="og:type" content="website">
  <meta property="og:locale" content="en_US">
  <meta property="og:image" content="https://www.vvveb.com/img/favicon/228x228.png">



  <!-- HTML Meta Tags -->
  <title>Begin each day by telling yourself</title>
  <meta name="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">





  <link id="landing-css" href="css/style.bundle.css" rel="stylesheet">







  <link rel="alternate" type="application/rss+xml" title="Feed" href="/feed/posts" />
  <link rel="alternate" type="application/rss+xml" title="Comments Feed" href="/feed/comments" />

  <link rel="icon" type="image/x-icon" href="../../media/favicon.ico" data-v-global-site-favicon>

  <link rel="manifest" href="/manifest.webmanifest">

  <link rel="alternate" hreflang="" href="" />

  <link rel="stylesheet" href="js/aos.css">
  <noscript>
    <style type="text/css">
      [data-aos] {
        opacity: 1 !important;
        transform: translate(0) scale(1) !important;
      }
    </style>
  </noscript>
</head>



<body>



  <section class="py-5" title="team-1">
    <div class="container">
      <div class="row justify-content-center mb-4">
        <div class="col-md-7 text-center">
          <h3 class="mb-3">Meet Our Team</h3>
          <h5 class="text-muted">We are a group of professionals dedicated to their work</h5>
        </div>
      </div>
      <div class="row">

        <div class="col-lg-3 mb-4">

          <div class="row">
            <div class="col-md-12">
              <img alt="image" loading="lazy" src="img/sections/team/1.jpg" class="img-fluid p-4 rounded-circle">
            </div>
            <div class="col-md-12 text-center">
              <div class="pt-2">
                <h5 class="mt-4 mb-0">John Doe</h5>
                <h6 class="text-muted mb-3">CTO - Founder</h6>
                <p class="text-muted">We are a group of professionals dedicated to their work</p>

                <ul class="mb-0 list-inline mt-3">
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-facebook-f"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-twitter"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-instagram"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-linkedin"></i>
                    </a>
                  </li>
                </ul>

              </div>
            </div>
          </div>

        </div>


        <div class="col-lg-3 mb-4">

          <div class="row">
            <div class="col-md-12">
              <img alt="image" loading="lazy" src="img/sections/team/2.jpg" class="img-fluid p-4 rounded-circle">
            </div>
            <div class="col-md-12 text-center">
              <div class="pt-2">
                <h5 class="mt-4 mb-0">John Doe</h5>
                <h6 class="text-muted mb-3">CTO - Tech</h6>
                <p class="text-muted">We are a group of professionals dedicated to their work</p>

                <ul class="mb-0 list-inline mt-3">
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-facebook-f"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-twitter"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-instagram"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-linkedin"></i>
                    </a>
                  </li>
                </ul>

              </div>
            </div>
          </div>

        </div>


        <div class="col-lg-3 mb-4">

          <div class="row">
            <div class="col-md-12">
              <img alt="image" loading="lazy" src="img/sections/team/3.jpg" class="img-fluid p-4 rounded-circle">
            </div>
            <div class="col-md-12 text-center">
              <div class="pt-2">
                <h5 class="mt-4 mb-0">John Doe</h5>
                <h6 class="text-muted mb-3">CSO - Financial</h6>
                <p class="text-muted">We are a group of professionals dedicated to their work</p>

                <ul class="mb-0 list-inline mt-3">
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-facebook-f"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-twitter"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-instagram"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-linkedin"></i>
                    </a>
                  </li>
                </ul>

              </div>
            </div>
          </div>

        </div>


        <div class="col-lg-3 mb-4">

          <div class="row">
            <div class="col-md-12">
              <img alt="image" loading="lazy" src="img/sections/team/4.jpg" class="img-fluid p-4 rounded-circle">
            </div>
            <div class="col-md-12 text-center">
              <div class="pt-2">
                <h5 class="mt-4 mb-0">John Doe</h5>
                <h6 class="text-muted mb-3">CMO - Operations</h6>
                <p class="text-muted">You can relay on our amazing features list and also our user services will be great experience.</p>

                <ul class="mb-0 list-inline mt-3">
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-facebook-f"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-twitter"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-instagram"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-linkedin"></i>
                    </a>
                  </li>
                </ul>

              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
  </section>

  <hr />

  <section class="py-5 team-2" title="team-2">
    <div class="container">
      <div class="row justify-content-center mb-4">
        <div class="col-md-7 text-center">
          <h3 class="mb-3">Meet Our Team</h3>
          <h5 class="lead text-muted">We are a group of professionals dedicated to their work</h5>
        </div>
      </div>
      <div class="row justify-content-center py-5">
        <div class="card col-md-3">
          <div class="card-content">
            <div class="card-body p-0">
              <div class="profile">
                <img src="img/sections/team/1.jpg" loading="lazy">
              </div>
              <div class="card-title mt-4">
                <h4>Jane Doe</h4>
                <small>CEO - Founder</small>
              </div>
              <div class="card-subtitle">
                <p class="text-muted"> I really enjoyed working with them, they are Group of Professionals and they know what they're Doing </p>
              </div>
              <div class="card-footer">
                <ul class="mb-0 list-inline mt-3">
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-facebook-f"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-twitter"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-instagram"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-linkedin"></i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="card col-md-3">
          <div class="card-content">
            <div class="card-body p-0">
              <div class="profile">
                <img src="img/sections/team/2.jpg" loading="lazy">
              </div>
              <div class="card-title mt-4">
                <h4>John Doe</h4>
                <small>CTO - Co-Founder</small>
              </div>
              <div class="card-subtitle">
                <p class="text-muted"> I really enjoyed working with them, they are Group of Professionals and they know what they're Doing </p>
              </div>
              <div class="card-footer">
                <ul class="mb-0 list-inline mt-3">
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-facebook-f"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-twitter"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-instagram"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-linkedin"></i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="card col-md-3">
          <div class="card-content">
            <div class="card-body p-0">
              <div class="profile">
                <img src="img/sections/team/3.jpg" loading="lazy">
              </div>
              <div class="card-title mt-4">
                <h4>Jane Doe</h4>
                <small>CSO - Financial</small>
              </div>
              <div class="card-subtitle">
                <p class="text-muted"> I really enjoyed working with them, they are Group of Professionals and they know what they're Doing </p>
              </div>
              <div class="card-footer">
                <ul class="mb-0 list-inline mt-3">
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-facebook-f"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-twitter"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-instagram"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-linkedin"></i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
  </section>

  <hr />

  <section class="py-5" title="team-5">
    <div class="container">
      <div class="row justify-content-center mb-4">
        <div class="col-md-7 text-center">
          <h3 class="mb-3">Meet Our Team</h3>
          <h5 class="text-muted">We are a group of professionals dedicated to their work</h5>
        </div>
      </div>
      <div class="row">

        <div class="col-lg-3 mb-4">

          <div class="row no-gutters">
            <div class="col-md-12 pro-pic">
              <img alt="image" src="img/sections/team/1.jpg" class="img-fluid p-4" loading="lazy">

              <ul class="mb-0 list-inline mt-3 px-4">
                <li class="list-inline-item">
                  <a href="#" class="social-link">
                    <i class="lab la-facebook"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a href="#" class="social-link">
                    <i class="lab la-twitter"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a href="#" class="social-link">
                    <i class="lab la-instagram"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a href="#" class="social-link">
                    <i class="lab la-linkedin"></i>
                  </a>
                </li>
              </ul>
            </div>
            <div class="col-md-12">
              <div class="px-4">
                <h5 class="mt-4 mb-0">John Doe</h5>
                <h6 class="text-muted mb-3">CSO - Financial</h6>
                <p class="mt-3">We are a group of professionals dedicated to their work</p>
              </div>
            </div>
          </div>

        </div>


        <div class="col-lg-3 mb-4">

          <div class="row no-gutters">
            <div class="col-md-12 pro-pic">
              <img alt="image" src="img/sections/team/2.jpg" class="img-fluid p-4" loading="lazy">

              <ul class="mb-0 list-inline mt-3 px-4">
                <li class="list-inline-item">
                  <a href="#" class="social-link">
                    <i class="lab la-facebook"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a href="#" class="social-link">
                    <i class="lab la-twitter"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a href="#" class="social-link">
                    <i class="lab la-instagram"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a href="#" class="social-link">
                    <i class="lab la-linkedin"></i>
                  </a>
                </li>
              </ul>
            </div>
            <div class="col-md-12">
              <div class="px-4">
                <h5 class="mt-4 mb-0">John Doe</h5>
                <h6 class="text-muted mb-3">CSO - Financial</h6>
                <p class="mt-3">We are a group of professionals dedicated to their work</p>
              </div>
            </div>
          </div>

        </div>


        <div class="col-lg-3 mb-4">

          <div class="row no-gutters">
            <div class="col-md-12 pro-pic">
              <img alt="image" src="img/sections/team/3.jpg" class="img-fluid p-4" loading="lazy">

              <ul class="mb-0 list-inline mt-3 px-4">
                <li class="list-inline-item">
                  <a href="#" class="social-link">
                    <i class="lab la-facebook"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a href="#" class="social-link">
                    <i class="lab la-twitter"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a href="#" class="social-link">
                    <i class="lab la-instagram"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a href="#" class="social-link">
                    <i class="lab la-linkedin"></i>
                  </a>
                </li>
              </ul>
            </div>
            <div class="col-md-12">
              <div class="px-4">
                <h5 class="mt-4 mb-0">John Doe</h5>
                <h6 class="text-muted mb-3">CSO - Financial</h6>
                <p class="mt-3">We are a group of professionals dedicated to their work</p>
              </div>
            </div>
          </div>

        </div>


        <div class="col-lg-3 mb-4">

          <div class="row no-gutters">
            <div class="col-md-12 pro-pic">
              <img alt="image" src="img/sections/team/4.jpg" class="img-fluid p-4" loading="lazy">

              <ul class="mb-0 list-inline mt-3 px-4">
                <li class="list-inline-item">
                  <a href="#" class="social-link">
                    <i class="lab la-facebook"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a href="#" class="social-link">
                    <i class="lab la-twitter"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a href="#" class="social-link">
                    <i class="lab la-instagram"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a href="#" class="social-link">
                    <i class="lab la-linkedin"></i>
                  </a>
                </li>
              </ul>
            </div>
            <div class="col-md-12">
              <div class="px-4">
                <h5 class="mt-4 mb-0">John Doe</h5>
                <h6 class="text-muted mb-3">CSO - Financial</h6>
                <p class="mt-3">We are a group of professionals dedicated to their work</p>
              </div>
            </div>
          </div>

        </div>

      </div>
    </div>
  </section>

  <hr />

  <section class="py-5" title="team-6">
    <div class="container">
      <div class="row justify-content-center mb-4">
        <div class="col-md-7 text-center">
          <h3 class="mb-3">Meet Our Team</h3>
          <h5 class="text-muted">We are a group of professionals dedicated to their work</h5>
        </div>
      </div>
      <div class="row">

        <div class="col-lg-4 mb-4">

          <div class="row">
            <div class="col-md-12">
              <img alt="image" src="img/sections/team/1.jpg" class="img-fluid p-4" loading="lazy">
            </div>
            <div class="col-md-12">
              <div class="px-4">
                <h5 class="mt-4 mb-0">John Doe</h5>
                <h6 class="text-muted mb-3">CSO - Financial</h6>
                <p class="mt-3">We are a group of professionals dedicated to their work</p>
                <ul class="mb-0 list-inline mt-3">
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-facebook"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-twitter"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-instagram"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-linkedin"></i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>

        </div>


        <div class="col-lg-4 mb-4">

          <div class="row">
            <div class="col-md-12 pro-pic">
              <img alt="image" src="img/sections/team/2.jpg" class="img-fluid p-4" loading="lazy">
            </div>
            <div class="col-md-12">
              <div class="px-4">
                <h5 class="mt-4 mb-0">John Doe</h5>
                <h6 class="text-muted mb-3">CSO - Financial</h6>
                <p class="mt-3">We are a group of professionals dedicated to their work</p>
                <ul class="mb-0 list-inline mt-3">
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-facebook"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-twitter"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-instagram"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-linkedin"></i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>

        </div>


        <div class="col-lg-4 mb-4">

          <div class="row">
            <div class="col-md-12 pro-pic">
              <img alt="image" src="img/sections/team/3.jpg" class="img-fluid p-4" loading="lazy">
            </div>
            <div class="col-md-12">
              <div class="px-4">
                <h5 class="mt-4 mb-0">John Doe</h5>
                <h6 class="text-muted mb-3">CSO - Financial</h6>
                <p class="mt-3">We are a group of professionals dedicated to their work</p>
                <ul class="mb-0 list-inline mt-3">
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-facebook"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-twitter"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-instagram"></i>
                    </a>
                  </li>
                  <li class="list-inline-item">
                    <a href="#" class="social-link">
                      <i class="lab la-linkedin"></i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>

        </div>

      </div>
    </div>
  </section>

  <hr />

  <section class="py-5" title="team-7">
    <div class="container">
      <div class="row justify-content-center mb-4">
        <div class="col-md-7 text-center">
          <h3 class="mb-3">Meet Our Team</h3>
          <h5 class="text-muted">We are a group of professionals dedicated to their work</h5>
        </div>
      </div>
      <div class="row">

        <div class="col-lg-6">
          <div class="card shadow-sm border-1 mb-4 p-0">

            <div class="row no-gutters">
              <div class="col-md-5">

                <img alt="image" src="img/sections/team/1.jpg" class="img-fluid" loading="lazy">

              </div>
              <div class="col-md-7">
                <div class="p-4">
                  <h4 class="mb-3">John Doe</h4>
                  <p>We are a group of professionals dedicated to their work</p>
                  <ul class="mb-0 list-inline mt-3">
                    <li class="list-inline-item">
                      <a href="#" class="social-link">
                        <i class="lab la-facebook-f"></i>
                      </a>
                    </li>
                    <li class="list-inline-item">
                      <a href="#" class="social-link">
                        <i class="lab la-twitter"></i>
                      </a>
                    </li>
                    <li class="list-inline-item">
                      <a href="#" class="social-link">
                        <i class="lab la-instagram"></i>
                      </a>
                    </li>
                    <li class="list-inline-item">
                      <a href="#" class="social-link">
                        <i class="lab la-linkedin"></i>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>

          </div>
        </div>

        <div class="col-lg-6">
          <div class="card shadow-sm border-1 mb-4 p-0">

            <div class="row no-gutters">
              <div class="col-md-5">

                <img alt="image" src="img/sections/team/2.jpg" class="img-fluid" loading="lazy">

              </div>
              <div class="col-md-7">
                <div class="p-4">
                  <h4 class="mb-3">John Doe</h4>
                  <p>We are a group of professionals dedicated to their work</p>
                  <ul class="mb-0 list-inline mt-3">
                    <li class="list-inline-item">
                      <a href="#" class="social-link">
                        <i class="lab la-facebook-f"></i>
                      </a>
                    </li>
                    <li class="list-inline-item">
                      <a href="#" class="social-link">
                        <i class="lab la-twitter"></i>
                      </a>
                    </li>
                    <li class="list-inline-item">
                      <a href="#" class="social-link">
                        <i class="lab la-instagram"></i>
                      </a>
                    </li>
                    <li class="list-inline-item">
                      <a href="#" class="social-link">
                        <i class="lab la-linkedin"></i>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>

          </div>
        </div>

      </div>
      <div class="row">

        <div class="col-lg-6">
          <div class="card shadow-sm border-1 mb-4 p-0">

            <div class="row no-gutters">
              <div class="col-md-5">

                <img alt="image" src="img/sections/team/3.jpg" class="img-fluid" loading="lazy">
              </div>
              <div class="col-md-7">
                <div class="p-4">
                  <h4 class="mb-3">John Doe</h4>
                  <p>We are a group of professionals dedicated to their work</p>
                  <ul class="mb-0 list-inline mt-3">
                    <li class="list-inline-item">
                      <a href="#" class="social-link">
                        <i class="lab la-facebook-f"></i>
                      </a>
                    </li>
                    <li class="list-inline-item">
                      <a href="#" class="social-link">
                        <i class="lab la-twitter"></i>
                      </a>
                    </li>
                    <li class="list-inline-item">
                      <a href="#" class="social-link">
                        <i class="lab la-instagram"></i>
                      </a>
                    </li>
                    <li class="list-inline-item">
                      <a href="#" class="social-link">
                        <i class="lab la-linkedin"></i>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>

          </div>
        </div>

        <div class="col-lg-6">

          <div class="card shadow-sm border-1 mb-4 p-0">
            <div class="row no-gutters">
              <div class="col-md-5">

                <img alt="image" src="img/sections/team/4.jpg" class="img-fluid" loading="lazy">

              </div>
              <div class="col-md-7">
                <div class="p-4">
                  <h4 class="mb-3">John Doe</h4>
                  <p>We are a group of professionals dedicated to their work</p>
                  <ul class="mb-0 list-inline mt-3">
                    <li class="list-inline-item">
                      <a href="#" class="social-link">
                        <i class="lab la-facebook-f"></i>
                      </a>
                    </li>
                    <li class="list-inline-item">
                      <a href="#" class="social-link">
                        <i class="lab la-twitter"></i>
                      </a>
                    </li>
                    <li class="list-inline-item">
                      <a href="#" class="social-link">
                        <i class="lab la-instagram"></i>
                      </a>
                    </li>
                    <li class="list-inline-item">
                      <a href="#" class="social-link">
                        <i class="lab la-linkedin"></i>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>

          </div>
        </div>

      </div>
    </div>
  </section>

  <hr />

  <section class="p-4" title="team-11">
    <div class="container">
      <div class="row text-center">


        <div class="col-xl-3 col-sm-6 mb-5">
          <div class="bg-white rounded shadow-sm py-5 px-4">

            <img src="img/sections/team/1.jpg" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm" loading="lazy">

            <h5 class="mb-0">John Doe</h5>
            <span class="small text-uppercase text-muted">CEO - Founder</span>
            <ul class="social mb-0 list-inline mt-3">
              <li class="list-inline-item">
                <a href="#" class="social-link">
                  <i class="lab la-facebook-f-f"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#" class="social-link">
                  <i class="lab la-twitter"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#" class="social-link">
                  <i class="lab la-instagram"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#" class="social-link">
                  <i class="lab la-linkedin"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>


        <div class="col-xl-3 col-sm-6 mb-5">
          <div class="bg-white rounded shadow-sm py-5 px-4">

            <img src="img/sections/team/2.jpg" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm" loading="lazy">

            <h5 class="mb-0">Jane Doe</h5>
            <span class="small text-uppercase text-muted">CTO - Co-Founder</span>
            <ul class="social mb-0 list-inline mt-3">
              <li class="list-inline-item">
                <a href="#" class="social-link">
                  <i class="lab la-facebook-f"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#" class="social-link">
                  <i class="lab la-twitter"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#" class="social-link">
                  <i class="lab la-instagram"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#" class="social-link">
                  <i class="lab la-linkedin"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>


        <div class="col-xl-3 col-sm-6 mb-5">
          <div class="bg-white rounded shadow-sm py-5 px-4">

            <img src="img/sections/team/3.jpg" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm" loading="lazy">

            <h5 class="mb-0">John Doe</h5>
            <span class="small text-uppercase text-muted">CMO - Operations</span>
            <ul class="social mb-0 list-inline mt-3">
              <li class="list-inline-item">
                <a href="#" class="social-link">
                  <i class="lab la-facebook-f"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#" class="social-link">
                  <i class="lab la-twitter"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#" class="social-link">
                  <i class="lab la-instagram"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#" class="social-link">
                  <i class="lab la-linkedin"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>


        <div class="col-xl-3 col-sm-6 mb-5">
          <div class="bg-white rounded shadow-sm py-5 px-4">

            <img src="img/sections/team/4.jpg" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm" loading="lazy">

            <h5 class="mb-0">Jane Doe</h5>
            <span class="small text-uppercase text-muted">CCO - Financial</span>
            <ul class="social mb-0 list-inline mt-3">
              <li class="list-inline-item">
                <a href="#" class="social-link">
                  <i class="lab la-facebook-f"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#" class="social-link">
                  <i class="lab la-twitter"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#" class="social-link">
                  <i class="lab la-instagram"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#" class="social-link">
                  <i class="lab la-linkedin"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>

  <hr />



  <div class="bg-image"></div>

  <div class="alert alert-light alert-dismissible fade alert-top" role="alert" style="display:none">
    <div class="container">

      <div class="message">
        Product was added to cart.
      </div>


      <button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button>
    </div>
  </div>

  <!-- Vvveb Common Js -->
  <!-- <script src="../../js/jquery.min.js"></script> -->
  <script id="jquery-js" src="js/jquery.min.js"></script>
  <script id="popper-js" src="../../js/popper.min.js"></script>
  <!-- <script src="../../js/bootstrap.min.js"></script> -->
  <!-- <script src="../../js/bootstrap.bundle.min.js"></script> -->
  <script id="bootstrap-js" src="js/bootstrap.min.js"></script>
  <!-- Vvveb Ajax Common Js -->
  <script id="app-js" src="../../js/app.js"></script>

  <!-- Animation -->
  <script src="js/aos.js"></script>
  <script>
AOS.init();
</script>

  <script src="js/theme.js"></script>

  <script>
$(document).on("click", ".dropdown-toggle",function (e) { 
	let link = $(this);
	let parent = link.parents(".nav-toggle");
	if (link.hasClass("show")) {
		parent.addClass("show"); 
	} else {
		parent.removeClass("show"); 
	}
});
</script>


</body>

</html>